<template>
    <div>
        <van-password-input
      :value="value"
      :focused="showKeyboard"
      :gutter="10"
    />
    <van-number-keyboard
    v-model="value"
      :show="showKeyboard"
      extra-key="X"
      close-button-text="完成"
      style="width:100vw;left: 50%;"
      @input="onInput"
      @delete="onDelete"
    />
    </div>
</template>
<script>
import { reactive, toRefs } from "vue";
export default {
    props:{
        value:{
            type:String,
        }
    },
  setup(props) {
    const data = reactive({
      showKeyboard:true,
      show:false
    });
    return { ...toRefs(data) ,...toRefs(props.value)};
  },
};
</script>